function loginFunction() {
    let flag = 0; //
    let tabChange = $('.mylogin>span');
    let input_login = $('.input_login');
    let erweima = $('.erweima');
    let tel = $('label .tel');
    let password = $('label .password');
    let checkbox = $('label .checkbox');
    //点击切换登录方式
    tabChange.on('click', function() {
        if (flag === 0) {
            tabChange.css({
                "background": "url(./img/login_icon_001.png) no-repeat top right"
            });
            flag = 1;
            input_login.css({
                "display": "none"
            });
            erweima.css({
                "display": "block"
            });

        } else {
            tabChange.css({
                "background": "url(./img/login_icon_001.png) no-repeat 0 0;"
            })
            flag = 0;
            input_login.css({
                "display": "block"
            });
            erweima.css({
                "display": "none"
            });
        }
    });
    //输入的用户信息与后台数据库信息进行对比
    //通过就登录成功 否则提示错误
    $("label .submit").on('click', function() {
        if (tel.val() && password.val()) {
            if (checkbox.prop("checked")) {
                $.ajax({
                    type: "post",
                    url: 'http://10.31.157.19/myule/php/login.php',
                    data: {
                        tel: tel.val(),
                        pass: password.val()
                    }
                }).done(function(data) {
                    if (data == 2) {
                        localStorage.setItem("tel", tel.val());
                        location.href = "./index1.html";

                    } else {
                        tel.val("");
                        password.val("");
                        alert("用户名或密码不正确");
                    }
                });
            } else {
                alert("请确定相关用户协议才能实现登录");
            }

        } else {
            alert("手机号或密码不能为空");
        }
    });

    //获取本地的用户信息并且渲染到页面
    function get_username() {
        if (localStorage.getItem("tel")) {
            $(".login_registry").css({ display: "none" });
            let str = "<span>退出</span>";
            $(".showName").html("尊敬的" + localStorage.getItem("tel") + str);
        }
    }
    //渲染的结构 要使用事件委托 展示用户名
    $(".showName").on("click", "span", function() {
        localStorage.removeItem("tel");
        $(".login_registry").css({ display: "inline" });
        $(".showName").html("");
    });
    get_username();

}
loginFunction();